<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/h5/css/public/common.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/message.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/pasonnal-page.css">
    <title>分享</title>
</head>
<body>
<div id="message_share">
    <header>
        <a href="javascript:;" onclick="window.history.back()"><img src="${ctx}/static/h5/images/back.png" class="go-back" alt=""/><span>返回</span></a>
        <h4>分享</h4>
    </header>
    <section class="pasonnal-contnet">
        <!--分享-->
        <div id="share">
            <ul>
                 <%--   <li class="container">
                        <div class="row">
                            <div class="col-xs-6 share-time">
                                <div>
                                    <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/> </span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                                </div>
                            </div>
                            <div class="col-xs-6 share-content">
                                <img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>
                                <span class="share-text">${feed.content}&lt;%&ndash;${feed.comments}&ndash;%&gt;</span>
                            </div>
                        </div>
                        <div class="row share-method">
                            <c:if test="${feed.liked==true}">
                                <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                <input hidden="hidden" class="liked" value="1">
                            </c:if>
                            <c:if test="${feed.liked==false}">
                                <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                <input hidden="hidden" class="liked" value="0">
                            </c:if>
                            <span class="dianzan-count">${feed.likeCount}</span>
                            <input  hidden="hidden" class="fid" value="${feed.id}"/>
                        </div>
                            <div class="col-xs-6 comment">
                                <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                                <span class="pinglun-count">${feed.commentCount}</span>
                            </div>
                    </li>--%>
                     <li class="container">
                         <div class="share-time">
                             <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                         </div>
                         <div class="row">
                             <div class="col-xs-6 share-avatar">
                                 <c:if test="${empty feed.customer.pic}">
                                     <img src="${ctx}/static/h5/images/family_icon.png" alt=""/>
                                 </c:if>
                                 <c:if test="${!empty feed.customer.pic}">
                                     <img src="${feed.customer.pic}" alt=""/>
                                 </c:if>
                             </div>
                             <div class="col-xs-6 share-content">
                                 <%--<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>--%>
                                 <span class="share-text">${feed.content}</span>
                             </div>
                         </div>
                         
                         <!--评论区域开始-->
                         <div class="cmt_area">
                             <c:forEach var="li" items="${four}">
                                 <p class="issue_cont">
                                     <input hidden="hidden" class="commentId" value="${li.id}"/>
                                     <span class="issue_id">${li.customer.name}</span>
                                     <span>：</span>
                                     <span>${li.content}</span>
                                 </p>
                             </c:forEach>
                         </div>
                         <!--评论区域结束-->
                         <div class="share-method">
                             <div class="dianzan">
                                 <c:if test="${feed.liked==true}">
                                     <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                     <input hidden="hidden" class="liked" value="1">
                                 </c:if>
                                 <c:if test="${feed.liked==false}">
                                     <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                     <input hidden="hidden" class="liked" value="0">
                                 </c:if>
                                 <span class="dianzan-count">${feed.likeCount}</span>
                                 <input  hidden="hidden" class="fid" value="${feed.id}"/>
                             </div>
                             <div class="comment">
                                 <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                                 <c:if test="${feed.commentCount==0}">
                                     <span class="pinglun-count">0</span>
                                 </c:if>
                                 <c:if test="${feed.commentCount>0}">
                                     <span class="pinglun-count">${feed.commentCount}</span>
                                 </c:if>
                             </div>
                         </div>
                     </li>
            </ul>
        </div>
    </section>
</div>
<!--评论编辑-->
<div class="comment-edit">
    <div class="comment-edit-head">
        <a href="#"><img src="${ctx}/static/h5/images/back.png" class="go-backk" alt=""/></a>
        <p>评论</p>
        <button class="btn btn-success" id="editSuccess">完成</button>
    </div>
    <div class="comment-edit-content">
        <textarea name="" rows="" cols="" id="editContent"value=""><%--${feed.fId.content}--%></textarea>
        <input hidden="hidden" id="feeid" value="${feed.id}">
        <input hidden="hidden" id="feeuseid" value="${feed.userId}">
    </div>
</div>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script src="${ctx}/static/h5/js/personal/message.js"></script>
</html>>